<template>
  <div>
    <h1>App</h1>

    <!-- 
      内置的事件:
        - 绑定给元素,可以直接触发
        - 绑定给组件,无法直接触发,也是被当做了自定义事件,绑定给组件实例上,等待组件内部触发

      自定义事件
        - 绑定给元素,无法直接触发(没有意义)
        - 绑定给组件,其实是绑定给了组件实例,在组件内部可以通过其他方法触发
      
      如果想给组件绑定原生事件:则直接使用.native修饰符


     -->
    <button @abc="test">按钮</button>

    <Header @click.native="test" />
  </div>
</template>

<script>
import Header from "@/components/Header";
export default {
  name: "App",
  components: {
    Header,
  },
  methods: {
    test() {
      alert(1);
    },
  },
};
</script>

<style></style>
